Status Trackers and Progress Updates: 16 Design Guidelines狀態追蹤與進度更新的設計指南

狀態追蹤器和進度更新分別以使用者主動查詢（pull）和被動接收（push）的方式告知產品或服務的交付進展。這兩種功能能有效結合，既讓使用者掌握資訊，又提升使用者體驗，減少焦慮，促進客戶關係。

定義與功能

狀態追蹤器：使用者可隨時透過連結或登入頁面查詢交付狀態。

包含具體交付流程的詳細資訊，以時間順序顯示過去的更新。

聯邦快遞的狀態追蹤器會顯示送貨日期和進度條圖形。之前的更新資訊可在“行程歷史”部分找到。

進度更新：公司透過簡訊、郵件或社交媒體主動推送狀態變更通知。通知內容可能直接說明變更，也可能僅包含通用資訊和追蹤連結。

J.Crew 透過簡訊向使用者傳送進度更新。更新中包含指向狀態跟蹤器的連結，這很有幫助。
Gilt.com，一家線上零售商，向客戶傳送交付更新的電子郵件。該電子郵件包含正在交付的產品的影象，這有助於使用者識別該更新與他們的哪筆購買相關。
Deliveroo（一家快餐配送公司）使用 WhatsApp 向使用者傳送其外賣配送進度的更新資訊。

對比總結

特性狀態追蹤器進度更新
目的使用者主動查詢 (Pull)公司主動推送 (Push)
內容具體交付流程細節更新簡要或含連結
訪問方式唯一連結或登入頁面簡訊、郵件、社交渠道
歷史記錄可檢視完整更新記錄舊通知可能丟失
使用者資訊要求通常僅需參考號需收集使用者聯絡方式並獲其同意
訪問許可權任何持有追蹤資訊者僅限接收通知的使用者

結合兩種方式更為理想：

狀態追蹤器設計指南 (Status Tracker Design Guidelines)

1 從客戶賬戶提供追蹤資訊：確保使用者可透過賬戶快速找到追蹤資訊，無需依賴郵件中的連結。

亞馬遜為使用者提供在其網站上追蹤包裹的能力。此功能使使用者省去了在電子郵件中搜尋快遞公司追蹤連結的麻煩

2 最新狀態資訊優先顯示：避免頁面資訊雜亂。使用垂直時間軸或水平進度條，最新狀態置頂。

美國國務院為想要查詢新護照狀態的客戶提供了一個狀態跟蹤器。該狀態並非一目瞭然，因為它隱藏在一段文字中。
UCAS.com 負責管理英國大學的學生招生工作。UCAS 的狀態跟蹤器由一個垂直的更新日誌組成，最新的在頂部。每個專案都顯示日期和時間。文字根據大學和專案進行了有益的定製。

3 採用使用者易懂的語言：避免使用後臺術語和程式碼，如“已生成標籤”(Label Created)。使用清晰直白的語言描述狀態。

此跟蹤器中的一些狀態更新由 Echo（另一家航運公司）提供，對使用者來說意義不大：已處理分類設施，已向英國皇家郵政傳送預先通知，已建立郵寄證明。

4 保證資訊可快速掃描：表格格式的追蹤資訊需寬鬆佈局以便快速閱讀。

皇家郵政提供的追蹤器具有視覺上明顯區分的行和兩個間距較大的列，這使得掃描比在 Echo 狀態追蹤器中容易得多。

5 允許使用者修改聯絡方式及通知頻率：提供介面方便使用者更新聯絡資訊並選擇通知方式（如簡訊或郵件）及頻率。

美國郵政服務（USPS）允許使用者選擇六種進度更新中的任何一種。使用者可以指定他們是否希望透過簡訊、電子郵件或兩者都接收這些更新。

6 提前告知需要的追蹤資訊：明確使用者需要哪些資訊（如訂單號），並在必要時提示如何獲取。

英國護照局在確認郵件中提醒使用者儲存參考號以便後續追蹤。

7 提供具體且診斷性的錯誤提示：設計詳細的錯誤資訊，幫助使用者理解問題來源（如資訊輸入錯誤或狀態不可用）。

8在流程完成後提醒使用者追蹤選項：在確認郵件中包含狀態追蹤連結，讓使用者隨時掌握進度。

9 長期流程提供定期更新：即使更新較少，也可使用低粒度的狀態提示（如“已進入處理佇列”），以增強使用者信心。

美國公民及移民服務局（USCIS）的狀態跟蹤器在中央面板中有一個突出的狀態更新，下方（左側）為以前的更新。在 9 月 19 日至 12 月 3 日之間有很長一段時間沒有更新。此外，雖然“下一步”面板是一個有用的概念，但內容—如果您的檔案無法制作，我們將通知您 – 已經不再相關，因為卡已經製作並寄出。
英國女王陛下護照辦公室會定期提供最新資訊。訊息已加入處理佇列有助於讓使用者相信他們的申請取得了進展，並且他們的新護照很快就會寄出。

10 確保更新資訊準確可靠：避免手動輸入導致的錯誤，優先實現系統自動化更新。

在註冊賬戶並加入新卡等待名單後，Monzo 傳送的一封電子郵件旨在讓使用者放心，他們的新卡訂單正在處理中，並對使用該應用程式感到興奮。

11 顯示所有歷史更新：使用者可能需要檢視過去的更新記錄。可以將較舊的資訊隱藏在“更多內容”連結中。

Shipping Force（運輸力量）的狀態跟蹤器使用垂直進度圖形，顯示所有更新，註明日期，最新的在列表頂部。列表的狀態標籤正在進行中表示仍有工作要做。

12 確保所有渠道更新一致：聯絡中心和狀態追蹤器應提供相同的資訊，避免使用者透過客服獲得更準確的狀態，從而削弱追蹤器的信任度。

進度更新設計指南 (Progress Updates)

1 包含連結直達詳細追蹤資訊：確保通知中的連結直接帶使用者到對應訂單的追蹤頁面，無需重複輸入資訊。

Club Monaco未直接連結，導致使用者需要手動輸入訂單號，體驗不佳。

2 允許使用者選擇通知型別：提供多種通知方式選擇，如簡訊或郵件，並允許使用者選擇是否接收通知。

來自 UPS 的電子郵件進度更新包含用於管理聯絡偏好的連結。

3 避免過多更新幹擾使用者：與運輸公司協調避免重複傳送。進行使用者研究以確定理想的通知頻率。

當同一個包裹被送達時，諾德斯特龍（Nordstrom）和聯合包裹服務公司（UPS）都傳送了電子郵件通知。

4 提供停止接收更新的選項：在通知中包含取消選項（如“回覆STOP”），定期提醒使用者可修改偏好。

AT＆T 提供有關新手機待交付的 SMS 更新。該訊息告知使用者如何停止接收更新：傳送文字“STOP”以停止訊息。

狀態追蹤器和進度更新是減少使用者焦慮、提升使用者體驗的必要功能。兩者結合能讓使用者掌控資訊，並減少客戶支援的壓力。設計時應遵循以上指南，進行使用者測試以確保功能符合需求。